<div class="division" id="dataAction">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td colspan="5">
                <label>选择账期:&nbsp;</label>
                <{if $report != "month"}>
                <{input type="date" vtype="date" name="time_from" style="width:66px; font-family:arial;" value=$time_from}>&nbsp;&nbsp;至&nbsp;&nbsp;
                <{input type="date" vtype="date" name="time_to" style="width:66px; font-family:arial;" value=$time_to}>
                <{/if}>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <label>选择店铺:</label>
                <select name="shop_id">
                    <option value="0">全部</option>
                    <{foreach from=$shopdata item=val}>
                    <option value="<{$val.shop_id}>" <{if $shop_id == $val.shop_id}>selected="selected"<{/if}>><{$val.name}></option>
                    <{/foreach}>
                </select>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <{button class="filterBtn btn-thirdly" label='确定'}>&nbsp;
                <{if $report != "month"}>
                <{if $time_shortcut}>
                <{if $time_shortcut[0]==1}><{button class="dataBtn btn-fourthly" time_from=$yesterday time_to=$yesterday label=$___eccommon="昨日"|t:'eccommon'}><{/if}>
                <{if $time_shortcut[1]==2}><{button class="dataBtn btn-fourthly" time_from=$today time_to=$today label=$___eccommon="今日"|t:'eccommon'}><{/if}>
                <{if $time_shortcut[2]==3}><{button class="dataBtn btn-fourthly" time_from=$this_week_from time_to=$this_week_to label=$___eccommon="本周"|t:'eccommon'}><{/if}>
                <{if $time_shortcut[3]==4}><{button class="dataBtn btn-fourthly" time_from=$last_week_from time_to=$last_week_to label=$___eccommon="上周"|t:'eccommon'}><{/if}>
                <{if $time_shortcut[4]==5}><{button class="dataBtn btn-fourthly" time_from=$this_month_from time_to=$this_month_to label=$___eccommon="本月"|t:'eccommon'}><{/if}>
                <{if $time_shortcut[5]==6}><{button class="dataBtn btn-fourthly" time_from=$last_month_from time_to=$last_month_to label=$___eccommon="上月"|t:'eccommon'}><{/if}>
                <{else}>
                <{button class="dataBtn btn-fourthly" time_from=$yesterday time_to=$yesterday label=$___eccommon="昨日"|t:'eccommon'}>
                <{button class="dataBtn btn-fourthly" time_from=$today time_to=$today label=$___eccommon="今日"|t:'eccommon'}>
                <{button class="dataBtn btn-fourthly" time_from=$this_week_from time_to=$this_week_to label=$___eccommon="本周"|t:'eccommon'}>
                <{button class="dataBtn btn-fourthly" time_from=$last_week_from time_to=$last_week_to label=$___eccommon="上周"|t:'eccommon'}>
                <{button class="dataBtn btn-fourthly" time_from=$this_month_from time_to=$this_month_to label=$___eccommon="本月"|t:'eccommon'}>
                <{button class="dataBtn btn-fourthly" time_from=$last_month_from time_to=$last_month_to label=$___eccommon="上月"|t:'eccommon'}>
                <{/if}>
                <{else}>
                <{button class="dataBtn btn-fourthly" time_from=$this_month_from time_to=$this_month_to label=$___eccommon="本月"|t:'eccommon'}>
                <{button class="dataBtn btn-fourthly" time_from=$last_month_from time_to=$last_month_to label=$___eccommon="上月"|t:'eccommon'}>
                <{/if}>
            </td>
        </tr>
        <tr>
            <td colspan=4 style='height:25px;'></td>

        </tr>
        <tr>
            <td style='font-weight:bold;'>期初应收余额：￥<{$statistics.qcys}></td>
            <td style='font-weight:bold;'>本期应收金额：￥<{$statistics.bqys}></td>
            <td style='font-weight:bold;'>本期实收金额：￥<{$statistics.bqss}></td>
            <td style='font-weight:bold;'>期末应收余额：￥<{$statistics.qmys}></td>
        </tr>
    </table>
</div>
<script>
(function(){
//if($E('.num')) $E('.num').innerHTML+=' 数据非及时显示，当天数据请于第二天查看';
var _finder = finderGroup['<{$name}>'],
dataAction= $('dataAction'),
data_ipt=$$(dataAction.getElements('input[name^=time_]'),dataAction.getElements('select')),
from=dataAction.getElement('input[name=time_from]'),
to=dataAction.getElement('input[name=time_to]');

if(_finder&&_finder.form){
    fdoc = document.createDocumentFragment();
    data_ipt.each(function(ipt){
        fdoc.appendChild(new Element('input[type=hidden]', {'name': ipt.name, value: ipt.value}));
    });
    _finder.form.appendChild(fdoc);
}

data_ipt.addEvent('change',function(e){
    if(_finder&&_finder.form){
        var ipt=$E('input[name='+this.name+']',_finder.form);
        if(ipt)ipt.value=this.value;
    }
});

<{if $report == "month"}>
var today=new Date();
$$('select.date_select').each(function(item){
/* $A(item.options).each(function(opt,i){
if(opt.text==today.getFullYear() || opt.text==today.getMonth()+1) opt.selected=true;
}); */
item.addEvent('change',function(){
    setDate(this.get('id').split('_')[0]);
});
});

setDate();

function setDate(){
    var arguments=arguments.length===0 ? ['from','to'] : arguments;
    $A(arguments).each(function(item){
        dataAction.getElement('input[name=time_'+item+']').value=$(item+'_year').options[$(item+'_year').selectedIndex].text+'-'+$(item+'_month').options[$(item+'_month').selectedIndex].text+'-01';
    });
}
<{/if}>

$$('.select-tabs a').addEvent('click',function(e){
    e.stop();
    W.page(this.href,{data:'report='+this.type,method:"post"});
});

function setChartData(flag,e){
    if(!check_data(from,to))return;
    var params=dataAction.toQueryString(),
    itemcur=$E('.chart-view .chart-item-cur');
    dataAction.store('_data',params);
    if(flag&&itemcur&&$E('iframe',itemcur)) $E('iframe',itemcur).src+='&'+params;
    if(flag) url='index.php?app=<{$env.get.app}>&ctl=<{$env.get.ctl}>&act=<{$env.get.act}>';
    else url=e.target.href||e.target.getParent().href;
    W.page(url, {data:params, method:'post',onComplete:function(){
        if(_finder) _finder.filter.value=params;
    }});
}
if($('select_shop')) $('select_shop').addEvent('change',function(e){setChartData(true);});
dataAction.getElement('.filterBtn').addEvent('click',function(e){setChartData(true);});

var packet=$('finder-packet-<{$name}>');
if(packet) packet.addEvent("click",function(e){
    if(e.target.tagName.toLowerCase()=="a" || e.target.getParent().tagName.toLowerCase()=="a"){
        e.stop();
        setChartData(false,e);
    }
});

    <{if $report == "month"}>
    function check_data(from,to){
        if(Date.parse(to.value.replace(/-/gi,"/"))<Date.parse(from.value.replace(/-/gi,"/"))){
            return MessageBox.error('选择开始时间必须早于结束时间');
        }
        return true;
    }
    <{else}>
    function check_data(from,to){
        var data=[],
        _return=[from,to].every(function(el){
            if(!/^(19|20)[0-9]{2}-([1-9]|0[1-9]|1[012])-([1-9]|0[1-9]|[12][0-9]|3[01])+$/.test(el.value)){
                new MessageBox('请录入日期格式yyyy-mm-dd',{type:'error',autohide:true});
                el.focus();
                return false;
            }
            data.push(Date.parse(el.value.replace(/-/gi,"/")));
            return true;
        });

        if(!_return)return null;
        if(data[1]<data[0]){
            return MessageBox.error('选择开始时间必须早于结束时间');
        }
        return _return;
    }
    <{/if}>

    var dataBtn=dataAction.getElements('.dataBtn');
    dataBtn.each(function(el,i){
        if(el.get('time_from')==from.value && el.get('time_to')==to.value)
            el.addClass('btn-fourthly-cur');
        el.addEvent('click',function(e){
            from.value=this.get('time_from');
            to.value=this.get('time_to');
/* ['time_from','time_to'].each(function(v){
*   dataAction.getElements('input[name='+v+']').value=this.get(v);
* },this); */
        dataAction.getElement('.filterBtn').fireEvent('click');
    });
    });

    if($ES('.large .span-auto').length)
        $ES('.large .span-auto').each(function(el){
            el.store('tip:title',el.get('title')).store('tip:text',el.get('info'));
            Xtip.attach(el);
        });
})();

  window.addEvent('domready',function(e){
    if($E('.finder-action .export')) $E('.finder-action .export').addEvent('click',function(e){
      e.stop();
      var target = this.get('target'),options = JSON.decode(target);
      new Dialog(this.get('href'),$extend({
        ajaxoptions:{
          data:$('dataAction').toQueryString(),
          method: 'post'
        },
        onClose:function(){
          if((_finder=finderGroup['<{$name}>'])) _finder.refresh();
        }
      },options));
    });
  });
</script>
